<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
    <body>
        <!--相对路径: 从当前HTML文件出发去找资源
        1. 图片与HTML文件在同一个目录下,直接输入图片名即可
        2. 图片与HTML文件不在同一个目录下,需要使用相对路径
        在HTML文件中的下一级目录时 先写文件夹,再写图片全名
        在HTML文件中的上一级目录时 先写..,再写文件夹,再写图片全名-->
        <img src="1.png">
        <img src="img/2.png">
        <img src="../3.png" >
        <img src="abc"alt="哎呀,图片被偷走了">
        <img src="img/fcq.jpg" height="500px" title="这是一张图片">
        <!--图片的绝对路径: 从根目录出发去找资源(本地目录从盘符开始/网络资源从协议出发)-->
        <img src="https://cdn.tmooc.cn/bsfile//courseImg///f93f25fba0a84f72be47f5058f84a655.png">
    </body>
</html>